<template>
  <div class="empty-box">
      <img v-if="!isSearch" src="../assets/table_empty.png" alt="">
      <p v-if="!isSearch">暂无数据</p>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Empty',
  props: {
    isSearch: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style scoped>
.empty-box {
  text-align: center;
  flex-direction: column;
  margin: 20px 0;

  img {
    margin: 0 auto;
    width: 238px;
    height: 184px;
    margin-top: 56px;
    margin-bottom: 26px;
  }

  p {
    color: #818693;
  }
}
</style>